.demo-form .m-select .m-input {
  width: 380px;
}

.demo-form .m-form {
  width: 460px;
}

.demo-form .line {
  text-align: center;
}

.demo-form .m-checkbox-group {
  width: 320px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.demo-form .m-checkbox-group:after, .demo-form .m-checkbox-group:before {
  content: " ";
  display: table;
}

.demo-form .m-checkbox-group:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.demo-form .m-checkbox-group .m-checkbox {
  float: left;
  width: 160px;
  padding-right: 20px;
  margin: 0;
  padding: 0;
}

.demo-form .m-checkbox-group .m-checkbox + .m-checkbox {
  margin-left: 0;
}

.demo-form .demo-form-normal {
  width: 460px;
}

.demo-form .demo-form-inline {
  width: auto;
}

.demo-form .demo-form-inline .m-input {
  width: 150px;
}

.demo-form .demo-form-inline > * {
  margin-right: 10px;
}

.demo-form .demo-ruleForm {
  width: 460px;
}

.demo-form .demo-ruleForm .m-select .m-input {
  width: 360px;
}

.demo-form .demo-dynamic .m-input {
  margin-right: 10px;
  width: 270px;
  vertical-align: top;
}

.demo-form .fr {
  float: right;
}
